<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="shortcut icon" href="./img/favicon.jpg" type="image/x-icon">
    <link rel="stylesheet" href="./css/reset.css">
    <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    <link rel="stylesheet" href="./css/shop.css">
    <title>得物App-新一代潮流网购社区</title>
</head>

<body>
    <!-- 头部开始 -->
    <div id="header">
        <a href="./index.html">
            <img src="./img/community/logo.png" alt="">
        </a>
        <div class="right">
            <a href="./index.html">首页</a>
            <a href="./community.html">社区精选</a>
            <a href="./shop.html" class="active">得物商城</a>
            <a href="javascript:;">机构服务</a>
            <a href="./about.html">关于我们</a>
        </div>
    </div>
    <!-- 头部结束 -->
    <!-- 导航开始 -->
    <div id="nav">
        <ul>
            <li><a href="#">AIR JORDAN</a></li>
            <li><a href="#">NIKE</a></li>
            <li><a href="#">ADIDAS</a></li>
            <li><a href="#">新百伦</a></li>
            <li><a href="#">运动鞋</a></li>
            <li><a href="#">二手鞋</a></li>
            <li><a href="#">二手衣物</a></li>
            <li class="user">
                <a href="#">登录</a>
                <a href="#">购物车</a>
            </li>
        </ul>
    </div>
    <!-- 导航结束 -->
    <!-- 大轮播开始 -->
    <div id="banner">
        <!-- Swiper -->
        <div class="swiper mySwiper1">
            <div class="swiper-wrapper">
                <div class="swiper-slide">
                    <img src="./img/shop/listImg1.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./img/shop/listImg2.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./img/shop/listImg3.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./img/shop/listImg4.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./img/shop/listImg5.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./img/shop/listImg6.jpg" alt="">
                </div>
                <div class="swiper-slide">
                    <img src="./img/shop/listImg7.jpg" alt="">
                </div>
            </div>
            <div class="swiper-button-next"></div>
            <div class="swiper-button-prev"></div>
        </div>

        <!-- Swiper JS -->
    </div>
    <!-- 大轮播结束 -->
    <!-- 新品开始 -->
    <div id="newShop">
        <h1>新品上市</h1>
        <div class="mySwiperShop">
            <!-- Swiper -->
            <div class="swiper mySwiper2">
                <div class="swiper-wrapper">
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
                <!-- <div class="swiper-pagination"></div> -->
            </div>
        </div>
        <button class="more">查看更多</button>
    </div>
    <!-- 新品结束 -->
    <!-- 潮流开始 -->
    <div id="trend">
        <h1>潮流</h1>
        <div class="mySwiperShop">
            <!-- Swiper -->
            <div class="swiper mySwiper3">
                <div class="swiper-wrapper">
                </div>
                <div class="swiper-button-next"></div>
                <div class="swiper-button-prev"></div>
                <!-- <div class="swiper-pagination"></div> -->
            </div>
        </div>
        <button class="more">查看更多</button>
    </div>
    <!-- 潮流结束 -->
    <!-- 底部开始 -->
    <div id="footer">
        <p>上海识装信息科技有限公司</p>
        <p>Shanghai Shizhuang Information Technology Co., Ltd</p>
        <p>
            增值电信业务经营许可证 沪B2-20180281 |
            <a href="#" target="_blank" rel="noopener noreferrer">沪ICP备16019780号-9号 |</a>
            网络文化经营许可证 沪网文（2021）4421-366号 |
            <a href="#" target="_blank" rel="noopener noreferrer">沪公网安备31010902003239号</a>
            <img width="12" src="./img/footer/footer_small_img.png" alt="" class="jsx-42442502">
        </p>
        <p>
            医疗器械网络交易服务第三方平台备案:（沪）网械平台备字［2021］第00003号 | 互联网药品信息服务资格证书（沪）-经营性-2020-0212 | 网信算备310109033582302220017号
        </p>
        <p class="government-list">
            <a href="#" target="_blank" class="filings">廉政举报</a>
            <a href="#" target="_blank" class="filings">隐私政策</a>
            <a href="#" target="_blank" class="filings">使用条款</a>
            <a href="#" target="_blank" class="filings">知识产权</a>
            <a href="#" target="_blank" class="filings">加入我们</a>
            <a href="#" target="_blank" class="filings">自律声明</a>
        </p>
        <div class="iconBox">
            <a href="#" target="_blank" class="aIcon">
                <img src="./img/footer/footer_img1.webp" alt="" style="height: 32px; width: auto;">
            </a>
            <a href="#" target="_blank" class="aIcon">
                <img src="./img/footer/footer_img2.webp" alt="" style="height: 26px; width: auto;">
            </a>
            <a href="#" target="_blank" class="aIcon">
                <img src="./img/footer/footer_img3.webp" alt="" style="height: 26px; width: auto;">
            </a>
            <a href="#" target="_blank" class="aIcon">
                <img src="./img/footer/footer_img4.webp" alt="" style="height: 34px; width: auto;">
            </a>
        </div>
        <p>社区内容举报电话：400-891-9888（工作时间：8:00-22:00）021-63066366（工作时间：8:00-19:00）</p>
        <p>2016-2023 识装版权所有</p>
    </div>
    <!-- 底部结束 -->
    <script src="./js/jquery-3.7.1.js"></script>
    <script src="./js/jquery.cookie.js"></script>
    <!-- Swiper JS -->
    <script src="./js/swiper-bundle.min.js"></script>
    <script src="./layer-v3.5.1/layer/layer.js"></script>
    <script src="./js/json.js"></script>
    <script src="./js/shop.js"></script>
    <!-- Initialize Swiper -->
</body>
</html>